<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:: NOMBRE DEL SISTEMA ::</title>

<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link rel="stylesheet" type="text/css" href="css/estilosLightbox.css">
<link rel="stylesheet" type="text/css" href="css/estilosSqueezeBox.css">
<link rel="stylesheet" type="text/css" href="css/estilosCalendario.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/estilosTooltip.css" media="all">
<link rel="stylesheet" type="text/css" href="css/estilosEditableTexto.css">

<script type="text/javascript" src="js/mootools-1.2.4-core-yc.js"></script>
<script type="text/javascript" src="js/mootools-1.2.4.2-more.js"></script>
<script type="text/javascript" src="js/squeezeBox.js"></script>
<script type="text/javascript" src="js/alertBox.js"></script>
<script type="text/javascript" src="js/calendar-eightysix-v1.1.js"></script>
<script type="text/javascript" src="js/sortableTable.js"></script>
<script type="text/javascript" src="js/tooltips.js"></script>
<script type="text/javascript" src="js/editable-texto.js"></script>
<script type="text/javascript" src="js/tabs-fancy.js"></script>

<!-- Javascript para efecto accordeon-->

<script type="text/javascript">
//<![CDATA[
    var Site = {
        start: function(){
            Site.accordion();
        },
        
        accordion: function(){
            var list = $$('#men_ContenedorItem li div.oculto'); /* Indicas cual es el elemento que va a estar oculto */
			/*var headings = $$('#men_ContenedorItem li a#padre');*/ /* Indicas que elemento se comporta como enlace */
			var headings = $$('#men_ContenedorItem li a.notcurrent');
            var collapsibles = new Array();
            
            headings.each( function(heading, i) {

                var collapsible = new Fx.Slide(list[i], { 
                    duration: 500, 
                    transition: Fx.Transitions.quadIn
                });
                
                collapsibles[i] = collapsible;
                
                heading.onclick = function(){
				
					var enlacePadre = heading.getProperty('class');
                    if(enlacePadre){

						if(enlacePadre=='notcurrent'){
							heading.setProperties({'class': 'current'});
						}else{
							heading.setProperties({'class': 'notcurrent'});
						}
                    }

                    collapsible.toggle();
                    
                    return false;
                }
                
                collapsible.hide();
                
            }); /* Fin del each que es igual que el foreach */
        } /* Fin de la funcion accordion */
    }; /* Fin de la funcion Site */
    window.addEvent('domready', Site.start);
//]]>	
</script>


<!-- Javascript para efecto tab-->
<script type="text/javascript">
	window.addEvent('domready', function(){
		$('txaMensjaje').mooEditable();

		var firstExample = new FancyTabs({
			tabs: '#esc_menuTab .tab2',
			contentContainer:'esc_contenedorTabs',
			contentElement:'.esc_divEnableTab',
			tabFx:{
				classSelected : '.esc_menuTabSelected',
				classDefault: '.esc_menuTabDefault'
			},
			fxStyle: 2, 
			slideEnter: 'left'
		});
	})
</script>


<!-- Javascript para efecto lightbox SqueezeBox-->

<script type="text/javascript">
function cargaPag(){
	window.open("home.html", "_self");
	<!--alert("Realizando la carga");-->
}
</script>

<script type="text/javascript">
/* <![CDATA[ */

window.addEvent('domready', function() {
	 AlertBox.assign($$('a.esc_for_EnlaceBtn'), {
		parse: 'rel'
	});
	SqueezeBox.assign($$('a[rel=emergente]'), {
		size: {x: 410, y: 275},
		ajaxOptions: {
			method: 'get' // we use GET for requesting plain HTML (you can skip it, it is the default value)
		}
	});
});
/* ]]> */
</script>

<!-- Javascript para efecto calendario-->

<script type="text/javascript">
	window.addEvent('domready', function() {
		//Fecha Inicio
		new CalendarEightysix('fechaInicio', { 'toggler': 'inicio-picker', 'format': '%d-%m-%Y', 'offsetY': 10, 'offsetX': -190 });
		//Fecha Fin
		new CalendarEightysix('fechaFin', { 'toggler': 'fin-picker', 'format': '%d-%m-%Y', 'offsetY': 10, 'offsetX': -190 });
	});		
</script>


<!-- Javascript para efecto Sortable-->

<script type="text/javascript">
	var myTable = {};
	window.addEvent('domready', function(){
		myTable = new sortableTable('myTable', {overCls: 'over'});
	});
</script>


<!-- Javascript para efecto Tooltip-->

<script type="text/javascript">
document.addEvent('domready', function(){
	$('tooltip_primero').tooltip ('<h1>TÃ­tulo</h1><p>Texto descriptivo a modo de ayuda y ejemplo</p>', { hook: true, width: 200, style: 'alert'});
	$('tooltip_segundo').tooltip ('<h1>TÃ­tulo 2</h1><p>Texto descriptivo 2</p>', { hook: true, width: 130, style: 'alert'});
});
</script>


<!-- Javascript para efecto Editor de Texto-->
<!--
<script type="text/javascript">
window.addEvent('domready', function(){
		$('txaMensjaje').mooEditable();
	});
</script>
-->
</head>

<body>
<div id="contenedor">
  <div id="cuerpo">
    <div id="piePagina">
            <div id="pie_InfoIzquierda">
            	<span id="pie_gmd"></span><span id="pie_css"></span><span id="pie_html"></span>
            </div>
    </div>        
  </div>

</div>
</body>
</html>